<div class="content-byc image-content" ng-controller="applyDetailModalCtrl">
    <div class="animated update-content" >
        <div class="wrapper-md">
            <div class="row">
                <div class="">
                    <div class=" panel-default" style="padding:0;">
                        <div class="panel-heading font-bold">
                            <!--<i class="fa fa-reply icon-font" aria-hidden="true"></i>-->
                            <span class="p-l-6">详情</span>
                            <button class="btn btn-default pull-right" style="margin-top: -7px;" ng-click="goBack()" tabindex="0">
                                <i class="fa fa-reply icon-font"></i> 返回
                            </button>
                        </div>
                        <div class="panel-detail">
                            <div class="sortware-box">
                              <div class="sortware-box-h text-center" style="    background-color: #fff;">
                                <div class=" col-md-1">
                                  <p class="small-box-p"><i class="fa fa-cube"></i></p>
                                </div>
                                <div class="text-left-p col-md-10">
                                <p class="text-left-p col-md-12 padding-td-10">应用</p>
                                  <p class="text-left-p col-md-3 name_len">应用名称：<span  title="{{supplierDetail.name}}">{{supplierDetail.name}}</span></p>
                                  <p class="text-left-p col-md-9">应用描述：<span title="{{supplierDetail.remark}}">{{supplierDetail.remark}}</span></p>

                                </div>

                                <div class="both">   </div>
                              </div>

                            </div>
                        </div>
                        <tabset class="tab-container">
                          <tab>
                            <tab-heading>
                              基本信息
                            </tab-heading>
                            <div class="row panel pad-10">
                              <div class="panel-body pmb-block wwybasic" style="border:none;"  >
                                  <div class="form-horizontal">
                                      <div class="detail_len">
                                          <div class="pmbb-header">
                                              <h5 class="console-title">基本信息</h5>
                                          </div>
                                          <div class="pmbb-body p-l-30 ">
                                              <div class="form-group">
                                                  <div class="col-lg-6">
                                                      <dl class="dl-horizontal">
                                                          <dt>应用名称：</dt>
                                                          <dd title="{{supplierDetail.name}}" ng-bind="supplierDetail.name"></dd>
                                                      </dl>
                                                  </div>
                                                  <div class="col-lg-6">
                                                      <dl class="dl-horizontal">
                                                        <dt>状态：</dt>
                                                        <dd title="{{supplierDetail.status|sortwareProp:'prop'}}" ng-bind="supplierDetail.status"></dd>
                                                      </dl>
                                                  </div>
                                              </div>
                                              <!-- <div class="form-group">
                                                  <div class="col-lg-6">
                                                      <dl class="dl-horizontal">
                                                          <dt>依赖镜像：</dt>
                                                          <dd ng-bind="supplierDetail.property|sortwareProp:'prop'"></dd>
                                                      </dl>
                                                  </div>
                                                  <div class="col-lg-6">
                                                      <dl class="dl-horizontal">
                                                        <dt>集群：</dt>
                                                        <dd ng-bind="supplierDetail.address"></dd>
                                                      </dl>
                                                  </div>
                                              </div> -->
                                              <div class="form-group">
                                                <div class="col-lg-6">
                                                    <dl class="dl-horizontal">
                                                        <dt>应用描述：</dt>
                                                        <div title="{{supplierDetail.remark}}" ng-bind="supplierDetail.remark"></div>
                                                    </dl>
                                                </div>
                                                <div class="col-lg-6">
                                                    <dl class="dl-horizontal">
                                                        <dt></dt>
                                                        <dd ></dd>
                                                    </dl>
                                                </div>
                                                  <!-- <div class="col-lg-6">
                                                      <dl class="dl-horizontal">
                                                          <dt>环境信息：</dt>
                                                          <dd ng-bind="supplierDetail.status|sortwareStuta:'stuta'"></dd>
                                                      </dl>
                                                  </div> -->

                                              </div>


                                          </div>
                                      </div>

                                      <div class="detail_len">
                                          <div class="pmbb-header">
                                              <h5 class="console-title">详细信息</h5>
                                          </div>
                                          <div class="pmbb-body p-l-30">
                                              <div class="form-group">
                                                  <!--<div class="col-lg-6">-->
                                                      <!--<dl class="dl-horizontal">-->
                                                          <!--<dt>服务类型：</dt>-->
                                                          <!--<dd ng-bind="supplierDetail.category|cn:'category2'"></dd>-->
                                                      <!--</dl>-->
                                                  <!--</div>-->
                                                  <div class="col-lg-6">
                                                    <dl class="dl-horizontal">
                                                        <dt>创建者名称：</dt>
                                                        <dd title="{{supplierDetail.creatorName}}" ng-bind="supplierDetail.creatorName"></dd>
                                                    </dl>
                                               	 </div>
                                                  <div class="col-lg-6">
                                                      <dl class="dl-horizontal">
                                                          <dt>创建时间：</dt>
                                                          <dd title="{{supplierDetail.gmtCreate}}" ng-bind="supplierDetail.gmtCreate"></dd>
                                                      </dl>
                                                  </div>

                                              </div>
                                              <div class="form-group">

                                                  <div class="col-lg-6">
                                                      <dl class="dl-horizontal">
                                                          <dt>修改者名称：</dt>
                                                          <dd title="{{supplierDetail.menderName}}" ng-bind="supplierDetail.menderName"></dd>
                                                      </dl>
                                                  </div>
                                                      <div class="col-lg-6">
                                                      <dl class="dl-horizontal">
                                                          <dt>修改时间：</dt>
                                                          <dd title="{{supplierDetail.gmtModify}}" ng-bind="supplierDetail.gmtModify"></dd>
                                                      </dl>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>

                            </div>
                          </tab>
                          <!-- <tab ng-controller="applybasicModalCtrl"  select="initDetail()" >
                            <tab-heading>
                              拓扑信息
                            </tab-heading>
                            <div class="row panel pad-10" data-ng-include="'/statics/tpl/adhibition/apply/basicmessage.html'">
                            </div>
                          </tab> -->
                          <tab ng-controller="applyopenstackModalCtrl"   active="active1">
                            <tab-heading>
                              应用组件
                            </tab-heading>
                            <div class="row  pad-10" data-ng-include="'/statics/tpl/adhibition/apply/openstackmessage.html'">
                            </div>
                          </tab>
              
                          <tab  ng-controller="applyArrangeModalCtrl" select="getData()" >
                            <tab-heading>
                              编排文件
                            </tab-heading>
                            <div class="row panel pad-10" data-ng-include="'/statics/tpl/adhibition/apply/layout.html'">

                            </div>
                          </tab>
                          <tab  ng-controller="applyStrategyModalCtrl" select="getData()" >
                            <tab-heading>
                            依赖镜像
                            </tab-heading>
                            <div class="row panel pad-10" data-ng-include="'/statics/tpl/adhibition/apply/images.html'">
                            </div>
                          </tab>
                        </tabset>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
